<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

  </head>
  <body>
  <g:if test="${upd=='si'}">
    <script>
      goTo('docente','list','','definicion_list');
    </script>
  </g:if>
  <g:if test="${sendingEmail==1}">
    <script>
      closeLoading('loader')
    </script>
  </g:if>
  <div class="definicion">
    <div class="seccion">
${DefinicionUtils.buildHeaderShow_N_G('','docente')}
      <g:if test="${flash.message}">
        <div class="message">${flash.message}</div>
      </g:if>
      <g:if test="${listaErrores && listaErrores.size()>0}">
        <div class="errors">
          <ul>
            <g:each var="error" in="${listaErrores}">
              <li>${error}</li>
            </g:each>
          </ul></div>
      </g:if>
      <g:hasErrors bean="${docenteInstance}">
        <div class="errors">
          <g:renderErrors bean="${docenteInstance}" as="list" />
        </div>
      </g:hasErrors>
    </div>
    <g:form action="save" method="post" autocomplete="off" name="definicion">
      <input type="hidden" name="eOc" value="${eOc}"/>
       <input type="text" id="id" name="id" value="${docenteInstance.id}" disabled class="disabled"  style=" width:200px; display:none;"/>
      <div id="TabbedPanels1" class="TabbedPanels">
        <ul class="TabbedPanelsTabGroup">
          <li class="TabbedPanelsTab" tabindex="0"><img src="${createLinkTo(dir:'images',file:'datos_personales.png')}"></li>
          <li class="TabbedPanelsTab" tabindex="0"><img src="${createLinkTo(dir:'images',file:'datos_habitacion.png')}"></li>
        </ul>
        <div class="TabbedPanelsContentGroup">
          <div class="TabbedPanelsContent"><table width="400" align="center">
      <tbody>
                <tr class="prop">
                  <td width="150" align="left" valign="middle" class="name">
                  <label for="cedula"><g:message code="docente.cedula.label" default="C&eacute;dula" /></label>            </td>
                  <td width="288" valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'cedula', 'errors')}">
              <g:textField name="cedula" maxlength="50" value="${docenteInstance?.cedula}" class="campos" style=" width:200px" />        </td>
              </tr>

              <tr class="prop">
                <td align="left" valign="middle" class="name">
                  <label for="nombres"><g:message code="docente.nombres.label" default="Nombres" /></label>          </td>
                <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'nombres', 'errors')}">
              <g:textField name="nombres" maxlength="50" value="${docenteInstance?.nombres}" class="campos" style=" width:200px"/>        </td>
              </tr>

              <tr class="prop">
                <td align="left" valign="middle" class="name">
                  <label for="apellidos"><g:message code="docente.apellidos.label" default="Apellidos" /></label>          </td>
                <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'apellidos', 'errors')}">
              <g:textField name="apellidos" maxlength="50" value="${docenteInstance?.apellidos}"  class="campos" style=" width:200px"/>        </td>
              </tr>

              <tr class="prop">
                <td align="left" valign="middle" class="name">
                  <label for="nacionalidad"><g:message code="docente.nacionalidad.label" default="Nacionalidad" /></label>          </td>
                <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'nacionalidad', 'errors')}">
              <g:textField name="nacionalidad" maxlength="50" value="${docenteInstance?.nacionalidad}" class="campos" style=" width:200px" />        </td>
              </tr>

              <tr class="prop">
                <td align="left" valign="middle" class="name">
                  <label for="fechaDeNacimiento"><g:message code="docente.fechaDeNacimiento.label" default="Fecha De Nacimiento" DISABLED="true" /></label>          </td>
                <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'fechaDeNacimiento', 'errors')}">
              <g:if test="${docenteInstance?.fechaDeNacimiento == null}">
                <g:textField type="text" value="" name="fechaDeNacimiento" id="fechaDeNacimiento"  class="campos" style=" width:200px" DISABLED="true"/>
              </g:if>
              <g:else>
                <g:textField type="text" value="${FormatUtils.formatDateDDMMYYYY(docenteInstance?.fechaDeNacimiento)}" name="fechaDeNacimiento" id="fechaDeNacimiento" class="campos" style=" width:200px"/>
              </g:else>        <span class="name">
                <label for="label"></label>
              </span></td>
              </tr>

              <tr>
                <td align="left" valign="middle" class="name">
                  <label for="genero">Estado civil</label></td>
                <td valign="top"><g:select name="estadoCivil" id="estadoCivil" from="${['Soltero', 'Casado', 'Concubino', 'Viudo', 'Divorciado']}" value="${docenteInstance?.estadoCivil}" class="campos" style="width:200px

                                         "/>                                  </td>
              </tr>
              <tr>
                <td align="left" valign="middle" class="name"><label for="label">G&eacute;nero</label></td>
                <td valign="top" class="value ${hasErrors(bean:docenteInstance,field:'genero','errors')}"><g:select name="genero" id="genero" from="${['Femenino', 'Masculino']}" value="${docenteInstance?.genero}" class="campos" style="width:200px"/>    </td>
              </tr>
              <tr>
                <td align="left" valign="middle" class="name">
                  <label for="discapacidad">Posee alguna discapacidad</label>          </td>
                <td valign="top" class="value ${hasErrors(bean:docenteInstance,field:'discapacidad','errors')}">                
              <g:select name="discapacidad" id="discapacidad" from="${['Ninguna', 'Auditiva', 'Fisico-motor', 'Visual']}" value="${docenteInstance?.discapacidad}" class="campos" style="width:200px"/>          
              <label for="puebloIndigena"></label></td>
              </tr>
              <tr>
                <td align="left" valign="middle" class="name"><label for="puebloIndigena">Pertenece a alg&uacute;n pueblo ind&iacute;gena</label></td>
                <td valign="top" class="value ${hasErrors(bean:docenteInstance,field:'puebloIndigena','errors')}"> <g:checkBox name="puebloIndigena" value="${docenteInstance?.puebloIndigena}" /></td>
              </tr>
              <tr>
                <td align="left" valign="middle" class="name">&nbsp;</td>
                <td valign="top" class="value ${hasErrors(bean:docenteInstance,field:'discapacidad','errors')}">&nbsp;</td>
              </tr>
              </tbody>
            </table>
          </div>
          <div class="TabbedPanelsContent"><table width="400" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr class="prop">
                <td align="left" valign="middle" class="name">
                  <label for="telefonoPersonal"><g:message code="docente.telefonoPersonal.label" default="Tel&eacute;fono Personal" /></label>          </td>
                <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'telefonoPersonal', 'errors')}">
              <g:textField name="telefonoPersonal" maxlength="50" value="${docenteInstance?.telefonoPersonal}" class="campos" style="width:200px" />               </td>
              </tr>
              <tr class="prop">
                <td align="left" valign="middle" class="name"><label for="telefonoHabitacion"><g:message code="docente.telefonoHabitacion.label" default="Tel&eacute;fono Habitaci&oacute;n" /></label>   </td>
                <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'telefonoHabitacion', 'errors')}">
              <g:textField name="telefonoHabitacion" maxlength="50" value="${docenteInstance?.telefonoHabitacion}" class="campos" style="width:200px" />  </td>
              </tr>

              <tr class="prop">
                <td align="left" valign="middle" class="name">
                  <label for="correo"><g:message code="docente.correo.label" default="Correo" /></label>          </td>
                <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'correo', 'errors')}">
              <g:textField name="correo" maxlength="50" value="${docenteInstance?.correo}" class="campos" style="width:200px" />                                       </td>
              </tr>
              <tr class="prop">
                <td align="left" valign="middle" class="name">Correo Alternativo </td>
                <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'correoAlternativo', 'errors')}">
              <g:textField name="correoAlternativo" maxlength="50" value="${docenteInstance?.correoAlternativo}"  class="campos" style="width:200px"/>  </td>
              </tr>

              <tr class="prop">
                <td align="left" valign="middle" class="name">
                  <label for="direccionHabitacion"><g:message code="docente.direccionHabitacion.label" default="Direcci&oacute;n Habitaci&oacute;n" /></label>          </td>
                <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'direccionHabitacion', 'errors')}">
              <g:textArea name="direccionHabitacion" rows="3" cols="20" value="${docenteInstance?.direccionHabitacion}" class="campos" style="width:200px; font-size:11px; height:60px;" />          </td>
              </tr>

              <tr class="prop">
                <td align="left" valign="middle" class="name">
                  <label for="ocupacion"><g:message code="docente.ocupacion.label" default="Ocupaci&oacute;n" /></label>          </td>
                <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'ocupacion', 'errors')}">
              <g:textField name="ocupacion" maxlength="100" value="${docenteInstance?.ocupacion}"  class="campos" style="width:200px"/>          </td>
              </tr>

              <tr class="prop">
                <td align="left" valign="middle" class="name">
                  <label for="profesion"><g:message code="docente.profesion.label" default="Profesi&oacute;n" /></label>          </td>
                <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'profesion', 'errors')}">
              <g:textField name="profesion" maxlength="100" value="${docenteInstance?.profesion}" class="campos" style="width:200px" />              </td>
              </tr>
              <tr class="prop">
                <td align="left" valign="middle" class="name"><label for="especializacion"><g:message code="docente.especializacion.label" default="Especializaci&oacute;n" /></label></td>
                <td valign="top"class="value ${hasErrors(bean: docenteInstance, field: 'especializacion', 'errors')}">
              <g:textField name="especializacion" maxlength="100" value="${docenteInstance?.especializacion}"  class="campos" style="width:200px"/></td>
              </tr>
              <tr>
                <td align="left" valign="middle" class="name">
                  <label for="lapsoAcademico">
                    <g:message code="docente.lapsoAcademico.label" default="Lapso Acad&eacute;mico" />
                  </label>                </td>
                <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'lapsoAcademico', 'errors')}">
                  <input type="text" id="lapsoAcademico" name="lapsoAcademico" value="${docenteInstance.lapsoAcademico}" disabled class="campos" style=" width:200px" />                </td>
              </tr>
              <tr>
                <td align="left" valign="middle" class="name">&nbsp;</td>
                <td valign="top" class="value ${hasErrors(bean: docenteInstance, field: 'lapsoAcademico', 'errors')}">&nbsp;</td>
              </tr>
            </table>



          </div>
        </div>
      </div>
      <br/>
    </g:form>
  </div>
  <script>
   var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
   jQuery( "#fechaDeNacimiento" ).datepicker({
      showOn: "button",
        buttonImage: "/js/jquery/css/images/calendar.gif",
        buttonImageOnly: true,
        changeMonth: true,
        changeYear: true,
        dateFormat: 'dd/mm/yy',
        regional: 'es'
   });              
  </script>
</body>
</html>